<template>
 <div class="detail-container" >
<ul>
    <li>
    <van-icon name="passed" />
    创建人：{{list.createName}}
        </li>
         <li>
   <van-icon name="passed" />
    创建时间：{{((list.createTime).slice(0,10))}}
        </li>
           <li>
    <van-icon name="passed" />
    项目名称：{{list.projectName}}
        </li>
          <li>
    <van-icon name="passed" />
    材料名称：{{list. materialName}}
        </li>
 <li>
    <van-icon name="passed" />
    材料重量：{{list. materialUnit}}
        </li>
        <li>
    <van-icon name="passed" />
供应商名字：{{list.supplierName}}
        </li>
        <li>
              <van-icon name="passed" />
            供应商联系电话：{{list.supplierPhone}}
        </li>

    </ul>
 </div>
</template>
<script>
import { purchaseInfoApi } from '@/Apis/homeApi'
export default {
  name: 'detail',
  data () {
    return {
      list: '',
      createTime: ''

    }
  },
  async created () {
    const id = this.$route.params.id

    const res = await purchaseInfoApi(id)
    // console.log(res)
    this.list = res.data
  }

}
</script>
<style lang="less" scoped>
@import '@/style/common.less';
.detail-container{
  ul{
    margin:30px 15px;

     li{
        color:@c7;
        font-size:.8rem;
        line-height:50px;
        border-bottom:1px solid @c10;
.van-icon {
    font-size:.9rem;
    color:@c8;
}
    }
  }
}

</style>
